<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         var obj1 = {
            name: 'lisi'
        }
        var obj2 = {
            age: 30
        }
        var obj3 = {
            gender:' famale',
            age: 40
        }

        var obj = Object.assign({}, obj1, obj2, obj3,)
        //合并对象，把后面的对象依次合并到第一个 ，并且返回一个新对象
        //在使用时通常在第一个添加一个空对象来接收后面的对象
        //如果合并的对象中有名字相同的对象，后面的对象会覆盖前面的对象  比如案例中的age
        console.log(obj)
    </script>
</body>
</html>